<template>
  <div class="group_wrap">
    <div class="slides">
    <ul id="containers">
      <li type='messg' tid="newsid" v-for="(item,index) in newsData3"  @click ="onItem(item.newsId)" >
        <p tid="title_name">{{item.title}}</p>
        <p>
          <span tid="time">{{item.publishDate}}</span>
          <span tid="address">长沙工商局</span>
        </p>
      </li>
    </ul>
      </div>
  </div>
</template>
<style scoped>

  .group_wrap ul {
    padding: 0.2rem 0 5% 0.3rem;
  }
  .slides ul li:first-child{
    padding-top:0 !important;
  }
  .group_wrap ul li[type='messg'] {
    display: flex;
    display: -webkit-flex;
    flex-flow: column;
    justify-content: space-around;
    border-bottom: 1px solid #eee;
    padding-right:0.3rem;
    margin-bottom:0.2rem;
  }

  .group_wrap ul li[type='messg'] p:first-child {
    padding: 0.5rem 0.3rem 0.5rem 0.3rem;
    background: #e8eded;

  }

  .group_wrap ul li[type='messg'] p:last-child {
    padding: 0.23rem 0rem 0.25rem 0;
    font-size: 0;
  }

  .group_wrap ul li[type='messg'] p:last-child span {
    color: #999;
    font-size: 0.18rem;
    margin-right: 0.3rem;
  }
</style>
<script>
  export default{
    props:['cityid','newsData3'],
    data(){
      return{}
    },
    methods:{
      onItem(ids){
        this.$router.push({path:'/newdatails',query: { id:ids }});
      }
    },
    watch:{
      cityid:(newVal)=>{
      console.log(newVal)
    }
    },
    mounted(){

    }
  }
</script>
